<!DOCTYPE html>
<!--
  ______                        __  __               
 /_  __/  ____    ____    ____ _\ \/ /  ____ _  ____ 
  / /    / __ \  / __ \  / __ `/ \  /  / __ `/ / __ \
 / /    / /_/ / / / / / / /_/ /  / /  / /_/ / / /_/ /
/_/     \____/ /_/ /_/  \__, /  /_/   \__,_/  \____/ 
                       /____/                        

Github：https://github.com/super-tongyao/resume
	
请勿删除注释，尊重开源
-->
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <title>张童瑶个人数字简历</title>

    <!-- Meta Data -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="address=yes"/>
    <meta name="author" content="tongyao"/>
    <meta name="description" content="张童瑶个人数字简历"/>

    <!-- css -->
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/fancybox/jquery.fancybox.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>

</head>

<body>

<a href="https://github.com/super-tongyao/resume" target="_blank">
	<svg width="80" height="80" viewBox="0 0 250 250"
     style="/*fill:transparent; */z-index: 999;color:#fff; position: absolute; top: 0; border: 0; right: 0;"
     aria-hidden="true">
    <path d="M0 0 115 115 130 115 142 142 250 250 250 0Z"></path>
    <path class="octo-arm"
          d="M128.3 109C113.8 99.7 119 89.6 119 89.6 122 82.7 120.5 78.6 120.5 78.6 119.2 72 123.4 76.3 123.4 76.3 127.3 80.9 125.5 87.3 125.5 87.3 122.9 97.6 130.6 101.9 134.4 103.2"
          fill="currentColor" style="transform-origin: 130px 106px;"></path>
    <path class="octo-body"
          d="M115 115C114.9 115.1 118.7 116.5 119.8 115.4L133.7 101.6C136.9 99.2 139.9 98.4 142.2 98.6 133.8 88 127.5 74.4 143.8 58 148.5 53.4 154 51.2 159.7 51 160.3 49.4 163.2 43.6 171.4 40.1 171.4 40.1 176.1 42.5 178.8 56.2 183.1 58.6 187.2 61.8 190.9 65.4 194.5 69 197.7 73.2 200.1 77.6 213.8 80.2 216.3 84.9 216.3 84.9 212.7 93.1 206.9 96 205.4 96.6 205.1 102.4 203 107.8 198.3 112.5 181.9 128.9 168.3 122.5 157.7 114.1 157.9 116.9 156.7 120.9 152.7 124.9L141 136.5C139.8 137.7 141.6 141.9 141.8 141.8Z"
          fill="currentColor"></path>
</svg>
</a>

<!-- Preloader -->
<div id="preloader">
    <div class="preloader__wrap">
        <div class="circle-pulse">
            <div class="circle-pulse__1"></div>
            <div class="circle-pulse__2"></div>
        </div>

    </div>

</div>
<div class="preloader__progress"><span></span></div>

<main class="main">
    <!-- Header Image -->
    <div class="header-image">
        <div class="js-parallax" style="background-image: url(assets/images/image_header.jpg);"></div>
    </div>
    <main class="container gutter-top">
        <!-- Header -->
        <header class="header box">
            <div class="header__left">
                <div class="header__photo"><img class="header__photo-img" src="assets/images/main-photo.svg"
                                                alt="Ronald Robertson"></div>
                <div class="header__base-info">
                    <h4 class="title titl--h4">Tongyao</h4>
                    <div class="status">爱钻研、爱折腾技术的开发者。</div>
                    <ul class="header__social">
                        <li><i class="icon-phone-call"></i> zty520r（微信同步）</li>
                    </ul>
                    <span></span>
                </div>
            </div>
            <div class="header__right">
                <ul class="header__contact">
                    <li><span class="overhead">邮箱</span>super_tongyao@163.com</li>
                    <li><span class="overhead">现住地址</span>北京市 海淀区</li>
                </ul>
                <ul class="header__contact">
                    <li><span class="overhead">性别</span>男生</li>
                    <li><span class="overhead">职位意向</span>xxx</li>
                </ul>
            </div>
        </header>
        <div class="row sticky-parent">
            <!-- Sidebar nav -->
            <aside class="col-12 col-md-12 col-lg-2">
                <div class="sidebar box sticky-column">
                    <ul class="nav">
                        <li class="nav__item"><a href="https://ityao.cn" target="_blank"><i
                                class="icon-tag"></i>博客小站</a></li>
                        <li class="nav__item"><a href="https://blog.csdn.net/u014641168" target="_blank"><i
                                class="icon-codepen"></i>CSDN博客</a></li>
                        <li class="nav__item"><a href="https://github.com/super-tongyao" target="_blank"><i
                                class="icon-book-open"></i>Github</a></li>
                        <li class="nav__item"><a href="https://gitee.com/Super_TongYao" target="_blank"><i
                                class="icon-github1"></i>码云主页</a></li>
                        <li class="nav__item"><a href="http://82.157.190.245/" target="_blank"><i
                                class="icon-gitlab"></i>支付宝小店铺</a></li>

                    </ul>
                </div>
            </aside>
            <!-- Content -->
            <div class="col-12 col-md-12 col-lg-10">
                <div class="box box-content">
                    <!-- 关于我 -->
                    <div class="pb-0 pb-sm-2" style="letter-spacing: 0.8px;">
                        <h1 class="title title--h1 first-title title__separate">关于我</h1>
                        <p>一位96年，长相年轻帅气的小伙子，有时会参与一些<a href="assets/images/others/csdnkfzdh.jpg" target="_blank">CSDN开发者大会</a>，没事喜欢敲敲代码。
                        </p>
                        <p>目前在前公司担任开发组长、全栈开发，带领组员开发项目系统，负责项目系统落地。</p>
                        <p>CSDN坐拥2000+ 粉丝</p>

                        <p>
                            CSDN：<a href="https://blog.csdn.net/u014641168" target="_parent">https://blog.csdn.net/u014641168</a>（或者搜索名称：张童瑶）
                        </p>
                    </div>

                    <!-- 主要技能 -->
                    <div class="mt-1">
                        <h2 class="title title--h3">主要技能</h2>
                        <div class="pb-0 pb-sm-2">
                            <p class="p">1、精通Java，多线程、高并发，精通反射机制</p>
                            <p class="p">2、精通Spring全家桶，熟练运用MyBatis持久层开发业务</p>
                            <p class="p">3、精通IOC、AOP底层原理</p>
                            <p class="p">4、精通Jwt，Token令牌、熟悉SSO单点执行流程、功能对接及部分原理</p>
                            <p class="p">5、熟练Spring Cloud全家桶，熟悉分布式系统开发设计和实现，熟悉微服务框架和架构设计</p>
                            <p class="p">6、熟练MySQL、Postgres SQL、Oracle相关数据库，能够熟练编写存储过程、索引和视图</p>
                            <p class="p">7、熟悉Git、Maven、SVN开发流程，熟练运用中间件Redis、Nginx </p>
                            <p class="p">8、熟练架构搭建开发Vue、HTML5、UniApp等，可以独立开发系统，独当一面</p>
                            <p class="p">9、熟读Nacos源码，了解MyBatis底层原理知识，了解数据结构</p>
                        </div>
                    </div>

                    <!--工作经历-->
                    <div class="mt-1">
                        <h2 class="title title--h3">工作经历</h2>


                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">2017.07 - 至今 腾讯科技（北京）有限公司</div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">工作角色</div>
                                <div class="col-md-10">
                                    <span style="overflow-wrap: break-word;">Java开发组长</span>
                                </div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">工作描述</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;">
										工作内容主要担任软件技术研发、项目系统需求评估、数据库设计、系统测试、系统原型的设计开发、系统部署和对外客户需求沟通，带领组员开发系统，从口头需求变为实际项目系统功能的落地，另外负责公司人员技术面试。2020年7月给xxx开发完成了一套《xxx》系统平台，2021 年 11 月《xxx》为甲方荣获《xxx》一等奖。随后又带领2位组员开发了《xxx》。工作中主要担任xxx角色，也负责一些日常运维，线上排查问题等，在系统开发过程中，遇到技术瓶颈等问题，都会及时解决，在规定的时间内顺利的完成任务。
                                        </span>
                                </div>
                            </div>
                        </div>


                    </div>

                    <!--项目经历-->
                    <div class="mt-1">
                        <h2 class="title title--h3">项目经历</h2>

                        <!--的一个项目-->
                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">2021.08 - 至今 xxx管理系统</div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">项目描述</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;">
                                            北京市供水系统是给xxx开发的。本系统数据库使用xxx作为数据库，系统针对全北京市xxx围绕汇报、查看、管理几个点开发的系统，也是北京市xxx的一个子模块，系统主要模块：xxx、xxx、xxx、xxx、xxx。搭配MyBatisPlus框架作为持久层，后端技术采用的SpringCloud微服务整体分布式架构，用到的组件包括：Nacos、OpenFeign、Hystrix、Gateway等。前端技术采用Vue+ElementUI框架，加上整合高德地图API、百度Echarts图表更直观可视化展示北京市所有xxx、xxx、xxx等数据。
										<br><br>
										项目截图展示：<a href="#" target="_blank">https://www.ityao.cn</a>
                                        </span>
                                </div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">个人负责</div>
                                <div class="col-md-10">
                                    <span style="overflow-wrap: break-word;">负责PC后端技术全部架构搭建，负责PC前端Vue+ElmentUI全部架构搭建。负责xxx、xxx、xxx、xxx、xxx和全部后端接口。负责整体技术开发方案决策、梳理系统需求、配合xxx数据对接、xxx数据对接、项目系统部署上线。</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2" style="float:left">项目截图&nbsp;<span
                                        style="color:red;display:inline-block">(点图看更多截图)</span></div>
                                <div class="col-md-10">

                                    <div class="img-body" title="点击查看大图">
                                        <a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/1.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述1">
                                            <img src="assets/images/project_images/project1/slt/1.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/2.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述2">
                                            <img src="assets/images/project_images/project1/slt/2.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/3.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述3">
                                            <img src="assets/images/project_images/project1/slt/3.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/4.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述4">
                                            <img src="assets/images/project_images/project1/slt/4.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/5.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述5">
                                            <img src="assets/images/project_images/project1/slt/5.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project1/imgs/6.png"
                                           data-fancybox="project1" data-caption="可以写你的项目描述6 - 我是页面不显示的更多截图">
                                        </a>

                                    </div>

                                </div>
                            </div>
                        </div>


                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">2020.07 - 2021.7 安全监管+信息化系统</div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">项目描述</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;line-height:22px">xxx系统，是给xxx开发的一款安全巡检管理系统。xxx 年 xxx 月开发的《xxx》系统，为甲方荣获《xxx》一等奖。该系统配合移动端H5采用“一码两端”的方式进行扫码安全巡检。该系统主要包含 xxx 类xxx，xxx模块可以任意对自己本单位以及单位下面的子集单位配置相关场所和使用高并发派发巡检任务，以二维码的形式在移动端扫码巡检。系统架构为前后端分离架构，PC端后端采用SpringBoot、Jwt、Security框架和PostgresSQL数据库进行开发。后端API接口根据Restful协议+Swagger文档进行API接口展示。PC端前端框架采用 HTML、JQuery、Css、BootStrap 技术定制化需求开发。<br><br>
                                        </span>
                                </div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">个人职责</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;">
											负责整体PC端后端全部架构搭建、PC端前端全部架构搭建、项目部署上线和日常维护、独立完成前端后端所有功能开发功能测试和系统项目落地。
										</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2" style="float:left">项目截图&nbsp;<span
                                        style="color:red;display:inline-block">(点图看更多截图)</span></div>
                                <div class="col-md-10">

                                    <div class="img-body" title="点击查看大图">

                                        <a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/1.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述1">
                                            <img src="assets/images/project_images/project2/slt/1.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/2.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述2">
                                            <img src="assets/images/project_images/project2/slt/2.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/3.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述3">
                                            <img src="assets/images/project_images/project2/slt/3.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/4.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述4">
                                            <img src="assets/images/project_images/project2/slt/4.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/5.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述5">
                                            <img src="assets/images/project_images/project2/slt/5.png"/>
                                        </a>
										
										<a class="fancybox img" rel="group" href="assets/images/project_images/project2/imgs/6.png"
                                           data-fancybox="project2" data-caption="可以写你的项目描述6 - 我是页面不显示的更多截图">
                                        </a>


                                    </div>

                                </div>
                            </div>
                        </div>


                    </div>

                    <!--项目经历-->
                    <div class="mt-1">
                        <h2 class="title title--h3">个人作品</h2>

                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">TongYao 2.0</div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">项目描述</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;">
										本开源框架目前为纯后端框架，适用开发公司企业管理系统。前后台分离结构，后台接口采用Restful协议，内置用户管理、角色管理、菜单管理、部门管理、岗位管理、接口管理、接口监控、角色权限管理、角色鉴权管理、代码生成器等等核心系统业务，在安全上又基于 Token 令牌又做了接口日志监控、对外接口鉴权，完全可以暴露接口给第三方对接，可以适配 Vue、微信小程序、H5、Android 等多种前端。本开源框架内部集成Spring Boot、Jwt、Security、MyBatisPlus、Swagger 打造的轻量级框架，数据库采用大众MySQl5.7版本，前期版本为TongYao框架后又重新改造后升级为 TongYao2.0 版本，完全诠释了开箱即用，直接开干。
										<br><br>
										框架开源地址：<a href="https://gitee.com/Super_TongYao/TongYao2.0" target="_blank">https://gitee.com/Super_TongYao/TongYao2.0</a>
                                        </span>
                                </div>
                            </div>
                        </div>

                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">支付宝虚拟小店铺</div>
                            </div>
                            <div class="row items-row">
                                <div class="col-md-2">项目描述</div>
                                <div class="col-md-10">
                                        <span style="overflow-wrap: break-word;">本项目属于个人项目，采用前后端分离框架，目前只支持用户可以不用登录的情况下在线支付下单快速购买虚拟商品，采用百度网盘形式发货，简洁精版，下单即买。目前系统有查询商品服务、商品订单服务、支付宝支付服务。后端架构采用为SpringCloud微服务分布式架构，注册/配置中心采用阿里Nacos。采用OpenFeign声明式调用消费者服务。并使用Gateway网关路由统一转发请求。前端为原生 HTML、JQuery、Css框架。
										<br><br>
										体验地址：<a href="http://82.157.190.245/" target="_blank">http://82.157.190.245/</a>
                                        </span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">项目截图</div>
                                <div class="col-md-10">

                                    <div class="img-body" title="点击查看大图">

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/project_images/xdp/imgs/1.png"
                                           data-fancybox="xdp"
                                           data-caption="TongYao支付宝虚拟小店铺 - 商品界面1">
                                            <img src="assets/images/project_images/xdp/slt/1.png"/>
                                        </a>

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/project_images/xdp/imgs/2.png"
                                           data-fancybox="xdp"
                                           data-caption="TongYao支付宝虚拟小店铺 - 支付宝扫码购买">
                                            <img src="assets/images/project_images/xdp/slt/2.png"/>
                                        </a>

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/project_images/xdp/imgs/3.png"
                                           data-fancybox="xdp"
                                           data-caption="TongYao支付宝虚拟小店铺 - 商品界面2">
                                            <img src="assets/images/project_images/xdp/slt/3.png"/>
                                        </a>

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/project_images/xdp/imgs/4.png"
                                           data-fancybox="xdp"
                                           data-caption="TongYao支付宝虚拟小店铺 - 关于本站">
                                            <img src="assets/images/project_images/xdp/slt/4.png"/>
                                        </a>

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/project_images/xdp/imgs/5.png"
                                           data-fancybox="xdp"
                                           data-caption="TongYao支付宝虚拟小店铺 - 问题反馈">
                                            <img src="assets/images/project_images/xdp/slt/5.png"/>
                                        </a>


                                    </div>


                                </div>
                            </div>
                        </div>


                    </div>

                    <!--荣誉经历-->
                    <div class="mt-1">
                        <h2 class="title title--h3">荣誉经历</h2>

                        <div class="items">
                            <div class="row items-row">
                                <div class="col-md-12 items-title">2021 年 08 月荣获《联合国儿童基金会捐款证书》月捐款荣誉证书</div>
                            </div>

                            <div class="row">
                                <div class="col-md-2">获奖截图</div>
                                <div class="col-md-10">

                                    <div class="img-body" title="点击查看大图">

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/others/jk/imgs/1.jpg"
                                           data-fancybox="jk"
                                           data-caption="">
                                            <img src="assets/images/others/jk/slt/1.jpg"/>
                                        </a>

                                        <a class="fancybox img"
                                           rel="group" href="assets/images/others/jk/imgs/2.jpg"
                                           data-fancybox="jk"
                                           data-caption="">
                                            <img src="assets/images/others/jk/slt/2.jpg"/>
                                        </a>
                                        <a class="fancybox img"
                                           rel="group" href="assets/images/others/jk/imgs/3.jpg"
                                           data-fancybox="jk"
                                           data-caption="">
                                            <img src="assets/images/others/jk/slt/3.jpg"/>
                                        </a>
                                        <a class="fancybox img"
                                           rel="group" href="assets/images/others/jk/imgs/4.jpg"
                                           data-fancybox="jk"
                                           data-caption="">
                                            <img src="assets/images/others/jk/slt/4.jpg"/>
                                        </a>
                                        <a class="fancybox img"
                                           rel="group" href="assets/images/others/jk/imgs/5.jpg"
                                           data-fancybox="jk"
                                           data-caption="">
                                            <img src="assets/images/others/jk/slt/5.jpg"/>
                                        </a>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- Footer -->
                    <footer class="footer">© 2022 Tongyao 备案号：<a href="https://beian.miit.gov.cn/" target="_blank">京ICP备xxx号</a>
                </div>
            </div>
        </div>
        <svg class="svg-defs">
            <clipPath id="avatar-box">
                <path d="M1.85379 38.4859C2.9221 18.6653 18.6653 2.92275 38.4858 1.85453 56.0986.905299 77.2792 0 94 0c16.721 0 37.901.905299 55.514 1.85453 19.821 1.06822 35.564 16.81077 36.632 36.63137C187.095 56.0922 188 77.267 188 94c0 16.733-.905 37.908-1.854 55.514-1.068 19.821-16.811 35.563-36.632 36.631C131.901 187.095 110.721 188 94 188c-16.7208 0-37.9014-.905-55.5142-1.855-19.8205-1.068-35.5637-16.81-36.63201-36.631C.904831 131.908 0 110.733 0 94c0-16.733.904831-37.9078 1.85379-55.5141z"/>
            </clipPath>
            <clipPath id="avatar-hexagon">
                <path d="M0 27.2891c0-4.6662 2.4889-8.976 6.52491-11.2986L31.308 1.72845c3.98-2.290382 8.8697-2.305446 12.8637-.03963l25.234 14.31558C73.4807 18.3162 76 22.6478 76 27.3426V56.684c0 4.6805-2.5041 9.0013-6.5597 11.3186L44.4317 82.2915c-3.9869 2.278-8.8765 2.278-12.8634 0L6.55974 68.0026C2.50414 65.6853 0 61.3645 0 56.684V27.2891z"/>
            </clipPath>
        </svg>
        <div class="back-to-top"></div>
    </main>
</main>

    <!-- JavaScripts -->
        <script src="js/jquery-3.4.1.min.js"></script>

        <script src="js/jquery.preloader.js" type="text/javascript"></script>
        <script src="js/jquery.fancybox.min.js" type="text/javascript"></script>
        <script src="js/index.js" type="text/javascript"></script>
		<script src="https://super-tongyao.github.io/common/js/log/log.js" type="text/javascript"></script>
</body>

</html>